<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Javascript的列表操作</title>
  <script>
    let arr = [1,2,'3',4,'hello']
    //列表的基本操作
    //1、添加元素
    arr.push('hahaha') // 在末尾添加元素
    arr.unshift('hihihi') // 在开头添加元素
    
    //2、删除元素
    arr.pop() // 删除末尾元素
    arr.shift() // 删除开头元素
    arr.splice(2,1)// 删除指定位置的元素，2表示从第2个位置开始删除1个元素

    //3、查找元素
    console.log(arr[2]);
    console.log(arr.indexOf('hello')); // 查找元素在列表中的位置，返回-1表示没有找到
    console.log(arr.indexOf('aaa')); // 没有找到aaa，返回-1
    console.log(arr.includes('hello')); // 查找元素是否在列表中，返回true表示在，false表示不在
    
    //4、插入元素在指定位置
    arr = [1,2,5,4,5];
    arr.splice(2,0,'hello') // 在第2个位置插入元素hello，0表示不删除任何元素

    //5、连接两个列表
    let arr1 = [1,2,3,4,5];
    let arr2 = [6,7,8,9,10];
    let arr3 = arr1.concat(arr2) // 连接两个列表，返回一个新的列表
    console.log(arr3); // [1,2,3,4,5,6,7,8,9,10]  

    //6、切割列表
    let arr4 = arr1.slice(2,4) // 从第2个位置开始切割到第4个位置，返回一个新的列表，切割都是包头不包尾的
    console.log(arr4); // [3,4]

    //7、join方法
    let str = arr.join(',') // 将列表转换成字符串，元素之间用-连接
    console.log(str); // 1,2,3,4,5
    /*
    arr.forEach(function(item,index){
      console.log(index,':',item);
    })
    */
    console.log("---------------------------------------------------------------")
    arr.forEach((item,index)=>{
      console.log(index,':',item);
      
    })
    /*
    for(let i=0;i<arr.length;i++){
      console.log(i,':',arr[i]);
    }
    */
  </script>
</head>
<body>
  
</body>
</html>